<%@ Page Language="C#" MasterPageFile="~/ABM.Master" AutoEventWireup="true" CodeBehind="Historico.aspx.cs"
    Inherits="EncuentraWEB.Historico" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        #Text1
        {
            width: 97px;
        }
        #txtHoraDesde
        {
            width: 62px;
        }
        #txtHoraHasta
        {
            width: 62px;
        }
    </style>
    <link href="historico.css" rel="stylesheet" type="text/css" />

    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAAW_vO5gTGD3WOujJaX3VyVhS3OLMgfgRH-fiS7wt-9Lvh34X5rRRKlLui90JJl0aYGoyZqjDDIJ0D1Q"
        type="text/javascript"></script>

    <script src="jquery.js" type="text/javascript"></script>

    
    <link href="css/custom/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" />

    <script src="scripts/jquery-ui-1.8.14.custom.js" type="text/javascript"></script>

    <script src="scripts/jquery.ui.core.js" type="text/javascript"></script>

    <script src="scripts/jquery.ui.datepicker.js" type="text/javascript"></script>

    <script src="scripts/jquery.ui.widget.js" type="text/javascript"></script>

    <script src="scripts/jquery.ui.datepicker-es.js" type="text/javascript"></script>

    <script type="text/javascript">
        var map;
        var geocoder = new GClientGeocoder();
        var address;
        var puntos = new Array();
        var place;
        var estado = 0;



        function showAddress(response, i) {

            if (!response || response.Status.code != 200) {

            } else {
                var place = response.Placemark[0];
                $("div#info" + i).prepend(place.address + ' - ');

            }
        }



        $(document).ready(function() {

            $('#btnBuscar').click(function() {

                CallWebService();

            });

        });

        function mostrar() {
            var a = puntos.length - 1;
            $("td#Direccion" + a.toString()).prepend(puntos[a] + ' - ');

        }


        function CallWebService() {
            puntos = null;
            puntos = new Array();
            var a = document.getElementById("ctl00_ContentPlaceHolder1_dropEquipos").value;
            var b = document.getElementById("ctl00_ContentPlaceHolder1_txtFechaDesde").value;
            var Hora = document.getElementById("txtHoraDesde").value;
            var dia = b.substring(0, 2);
            var mes = b.substring(3, 5);
            var anio = b.substring(6, 10);
            b = anio + mes + dia + " " +Hora;
            var c = document.getElementById("ctl00_ContentPlaceHolder1_txtFechaHasta").value;
            dia = c.substring(0, 2);
            mes = c.substring(3, 5);
            anio = c.substring(6, 10);
            Hora = document.getElementById("txtHoraHasta").value;
            c = anio + mes + dia + " " + Hora ;
            $.ajax({
                type: "POST",
                url: "http://www.pigsys.net/ServiceEncuentra.asmx/GetXMLHistorico",
                data: "{'datos':'" + a + ";" + b + ";" + c + ";" + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function(msg) {
                    info(msg)

                },
                error: AjaxError
            });
        }
        function AjaxError(result) {
            $('div#Info').html('Error');
            alert("ERROR " + result.status + ' ' + result.statusText);
        }
        function info(result) {

            var res = result.d;

            if (res.length > 0) {
                var xmlDoc = GXml.parse(res);

                var posicion = xmlDoc.documentElement.getElementsByTagName("Punto");
                $("div#Info").html("<table id=TABLA> <tr> <td> Estado </td> <td> Fecha </td> <td>Direccion</td> </tr> </table>")
                for (var i = 0; i < posicion.length; i++) {
                    var intIdEstado = posicion[i].getAttribute("intIdEstado");
                    var lat = parseFloat(posicion[i].getAttribute("decLatitud").replace(",", "."));
                    var lng = parseFloat(posicion[i].getAttribute("decLongitud").replace(",", "."));
                    var decvelocidad = parseFloat(posicion[i].getAttribute("decVelocidad").replace(",", "."));
                    var datdato = posicion[i].getAttribute("datDato");
                    var point = new GLatLng(lat, lng);
                    geocoder.getLocations(point, function(response) {
                        if (!response || response.Status.code != 200) {
                            puntos.push("-");
                            mostrar();
                        } else {
                            var place = response.Placemark[0];
                            puntos.push(place.address);
                            mostrar();
                        }
                    }
                    );
                    $("table#TABLA").append("<tr> <td> " + intIdEstado + "</td> <td> " + datdato + "</td> <td id=Direccion" + i.toString() + "> </td> </tr>");
                }



            }
        }
      
    </script>

    <script>

        $(function() {
            $.datepicker.setDefaults($.datepicker.regional[""]);
            $("#ctl00_ContentPlaceHolder1_txtFechaDesde").datepicker($.datepicker.regional["es"]);
        });
        $(function() {
            $.datepicker.setDefaults($.datepicker.regional[""]);
            $("#ctl00_ContentPlaceHolder1_txtFechaHasta").datepicker($.datepicker.regional["es"]);
        });
    </script>

</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="Cabecera" style="width: 100%;">
        <table>
            <tr>
                <td style="width: 14%" bgcolor="#CEC5DA">
                    <input id="Hidden1" type="hidden" />
                    <a href="principal.aspx">
                        <img border="0" src="Imagenes/encuentra.gif" width="70%" height="70%"></a>
                </td>
                <td bgcolor="#CEC5DA" class="style8" valign="middle">
                    <asp:Panel ID="Panel2" runat="server">
                        <asp:Label ID="Label13" runat="server" Text="Historico" CssClass="Titulos"></asp:Label>
                    </asp:Panel>
                </td>
                <td bgcolor="#CEC5DA" width="7%">
                    <a href="http://www.novacore.com.ar">
                        <img border="0" src="Imagenes/NOVACORE.gif" width="100%" height="100%"></a>
                </td>
            </tr>
        </table>
    </div>
    <div id="Filtros">
        Equipos:<asp:DropDownList ID="dropEquipos" runat="server">
        </asp:DropDownList>
        <br />
        Fecha desde:<asp:TextBox ID="txtFechaDesde" runat="server"></asp:TextBox>
        <input id="txtHoraDesde" value="00:00:00" type="text" />
        Fecha hasta:<asp:TextBox ID="txtFechaHasta" runat="server"></asp:TextBox>
        <input id="txtHoraHasta" value="23:59:59" type="text" />
        <input id="btnBuscar" type="button" value="Buscar" />
    </div>
    <div id="Info">
    </div>
</asp:Content>
